<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
	<script language="javascript">
			
			
		$(document).ready(function(){ 
			
			$("#confirm").change(function(){
				if ($("#confirm").val() != $("#senha").val()){
					erro("As senhas não são iguais! Digite novamente.");
					$("#confirm").val("");
				}				
			});
			
		
			
			
		});		
			
			$(".data").mask("99/99/9999");
			$("#cpf").mask("999999999-99");
			
			
	</script>

</head>
<body>
	<fieldset width='100px'>
			<legend class="page_title" ><h2>Cadastro de Funcionário</h2></legend>    
				<div id="content">
					<div class="page_details">*Obrigatório</div>
						<div class="formitem_grid">							
							<div id="formulario1">	
								<form name="form" id="form1" action="sistema.php?acao=administrador/salvarFuncionario" method="POST">
									<div class="grid_1">
										*Nome:
									</div>
									<div class="grid_4">
										<input type="text" id="nome" name="nome"  size="40%" required />
									</div>
									<div class="grid_1">
										*CPF:
									</div>
									<div class="grid_4">
										<input type="text"  id="cpf" name="cpf"  required />
									</div>
									<div class="grid_1">
										*Data de Nascimento:
									</div>
									<div class="grid_4">
										<input type="text" class = "data" id="data_nascimento" name="data_nascimento" size="10%" required />
									</div>
									<div class="grid_1">
										*Cargo:
									</div>
									<div class="grid_4">
										<input type="text" id="cargo" name="cargo"  required />
									</div>
									<div class="grid_1">
										*Salário:
									</div>
									<div class="grid_4">
										<input type="text" id="salario" name="salario" size="5%" required />
									</div>
									
									<div class="grid_1">
										*Turno:
									</div>
									<div class="grid_4">
										<select  id="turno" name="turno" required> 
											<option>Manha</option>
											<option>Integral</option>
											<option>Noturno</option>
										</select>	
									</div>
									<div class="grid_1">
										*E-mail:
									</div>
									<div class="grid_4">
										<input type="text" id="e-mail" name="e-mail" size="30%" required />
									</div>
									<div class="grid_1">
										*Senha:
									</div>
									<div class="grid_4">
										<input type="password" id="senha" name="senha" required />
									</div>
									<div class='grid_1'>
										*Confirme a senha: 
									</div>
									<div class="grid_4">
										<input type="password" id="confirm" name="confirm"  required />
									</div>
									<div id="combobox1" class="grid_4">
										<!--Preenchimento na view. -->
									</div>					
									<input type="submit" style="margin: 0px 45%" id="salvar" name="salvar" value='Salvar' />
								</form>
							</div><!--Formulário1-->
						</div><!--formitem_grid-->
				</div><!--content-->
	</fieldset>		
</body>
</html>

